<template>
  <div class="about">
    <div class="router">
      <router-link :to="{path:'/about/CaiCollection'}"><span>菜谱</span></router-link>
      <router-link :to="{path:'/about/noteCollection'}"><span>笔记</span></router-link>

    </div>
    <!-- 二级路由出口 -->
    <router-view></router-view>
  </div>
</template>
<style lang="less" scoped>
  .about{
    .router{
      width: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      margin-bottom: 20px;
    }
    a{
      text-align: center;
      width: 100%;
      span{
        font-size: 30px;
      }
    }
  }

</style>